
@import "../css/gobal.css";

.pro_nav ul{ list-style: outside;}
img{ vertical-align: bottom;}
body{ min-width: 1029px; color: #95908A; font-family: "微软雅黑"; background:#071922 url(../skin/body_bg.png) no-repeat top center;}
.layout{ width: 1029px; margin:0 auto;}
/*header*/
.hader_bg{ height:142px; margin-top:30px;}
.header1{height:30px;line-height:30px;color:#FFF; font-family:"新宋体"; text-align:right;}
.header1 a{ color:#FFF;}
.header1 span{ margin:0px 10px;}
.header1 .weixin{ padding-left:30px; padding-top:10px; background:url(../skin/weixin.png) no-repeat  0px center;}

.logo img{width:258px;height:67px;}
.logo_bg{ width:258px;height:67px;Z-index:13;text-align:center; float:left; display: inline; margin-left:10px; margin-top:5px;}
.header{ background:url(../skin/head_bg.png) no-repeat bottom; height:115px;}
.search_box{ margin-top:8px;display:inline;float:right; background:#707070;width:160px;height:20px; border:1px solid #c0c0c0;font-size:12px; border-radius:20px;}
.search_txt{color:#fff; background:#707070;float: right;  width: 125px; height: 20px;line-height: 20px;border:0px; border-radius:20px;}
.search_btn{cursor:pointer; float:  left;background:#707070 url(../skin/search_btn.png) no-repeat  center;height:20px;width:35px; border:0;color:#fff; border-radius:20px;}
.nav{ margin-top:9px; float:right;width:643px; height: 45px; display:inline; }
.nav_f{ float: left;position: relative;z-index:9;line-height:45px;}
.nav_f span{ text-align:center;}

.nav_f .link{padding:0px 34px ;float:left; display:inline-block; line-height: 45px; font-size: 13px; color: #4b4b4b; text-align: center; font-weight:bold;}
.nav_f_h .link{ background: url(../skin/nav_li_h.png) no-repeat center bottom ; }
.nav_h{display: none;position: absolute;z-index:10;  top: 45px; width:310px; line-height:30px; height:30px; color:#FFF;  }
.nav_h span{ margin:0px 5px;}
.nav_h a{ color:#FFF;}
.nav_h a:hover{ color:#00b7ff;}
.n_banner img{width:1029px; }

/*header*/
.banner{ position: relative; z-index: 1; width: 100%; overflow: hidden; height: 406px;}
.banner_all{ position:relative; z-index:1;}
.banner_f{ width: 100%;  position: absolute; left:0; top: 0px; height: 406px; overflow: hidden; z-index: 2}
.banner_s{ position: absolute; left:50%; width: 1029px; margin-left: -515px;}
.banner_s img{ width: 1029px; height: 406px;}
.banner_r{cursor:pointer;position: absolute; right: 50%; top:200px; z-index: 3; margin-right: -590px;width:80px;height:80px;background: url(../skin/banner_r.png) no-repeat center;}
.banner_l{cursor:pointer;position: absolute; left: 50%; top:200px; z-index: 3; margin-left: -590px;width:80px;height:80px;background: url(../skin/banner_l.png) no-repeat center;}
.banner_btn{ padding:0px 20px; position: absolute; right: 50%; top:370px; z-index: 10; margin-right: -70px; background: url(../skin/banner_btn.png);}
.banner_btn li{ float: left;background: url(../skin/banner_li.png) no-repeat center; width: 20px; height: 23px; line-height:20px;cursor: pointer; overflow: hidden;text-align:center;}
.banner_btn li.click{background: url(../skin/banner_li_h.png) no-repeat center; }
.banner_k { background:#FFF url(../skin/banner_k.png); height:13px;}
.shouye{ padding:20px; background:#FFF; padding-top:0px;}
.sy_l{ padding-top:30px; background:url(../skin/sy_l_bg.png) no-repeat right top; width:642px; padding-right:20px;}
.sy_l_t h3{ color:#000; font-size:25px; float:left; padding-right:10px; background:url(../skin/sy_l_t.png) right center no-repeat;}
.sy_l_t h3 a{color:#000; font-family: 黑体;}
.sy_l_t span{ font-size:14px; color:#666; display: inline; margin-left:5px; margin-top:12px; float: left;}
.sy_r{ margin-top:30px; width:307px; margin-left:20px;}
.sy_s{ margin-top:20px;}
.sy_s_r{ font-family:"新宋体"; width:435px; padding-top:10px;}
.sy_s_r p{ color:#000;}
.sy_s_r span{ color:#000; float:right;}
.sy_s_r span a{ color:#000;}
.sy_s_s{ font-family:"新宋体"; padding-top:10px;}
.sy_s_s p{ color:#000;}
.sy_s_s span{ color:#000; float:right;}
.sy_s_s span a{ color:#000;}
.sy_s_l img{ width:198px; height:118px;}
.sy_r_l img { width:106px; height:62px;}
.border{ margin:30px 0; height:10px; background:url(../skin/border_bg.png);}
.s_he{ margin-bottom:40px;}
.s_he_t h5{ background: url(../skin/s_hezuo_t.png); width:142px; float:left; height:42px; line-height:33px; text-align:center; font-size:18px;}
.s_he_t h5 a{ color:#FFF;}
.tu_l{ cursor: pointer; background:url(../skin/tu_l.png); width:16px; height:16px; float: right; margin-top:20px; margin-right:5px;}
.tu_r{ cursor:pointer; background:url(../skin/tu_r.png); width:16px; height:16px; float: right; margin-top:20px; }
.tu{ margin:60px auto; overflow:hidden; margin-bottom:80px;zoom:1; width:642px; height:37px; position:relative; z-index:3;}
.tu ul{ overflow:hidden; position:absolute; left:0px; top:0px;}
.tu li{ float:left; width:110px; text-align:center;}
.tu li img{ height:37px;width:70px; }
.sy_r_t{ background:url(../skin/sy_r_t.png) no-repeat 0 bottom; height:33px;}
.sy_r_t h6{ font-size:16px;  color:#000;}
.sy_r_t h6 a{ color:#000; padding-left:20px; background:url(../skin/sy_r_t_bg.png) no-repeat 0px  center;}
.sy_r_s{ margin-top:20px; border-bottom:1px solid #dbdbdb; padding-bottom:10px;}
.sy_r_r{ width:195px; color:#000; }
.sy_r_r p{ width:195px; color:#000; height:54px; overflow:hidden;}
.sy_r_r span a {  color:#000;}
.sy_r_r span{ float:right;  color:#000;}
.sy_r_s ul li{ line-height:30px; overflow:hidden; zoom:1;}
.sy_r_s ul li span{ float:right; color:#000;}
.sy_r_s ul li a{ padding-left:10px; background:url(../skin/sy_r_n_li_bg.png) no-repeat 0px center; color:#666; width:200px; display:block; float:left; white-space:nowrap; text-overflow:ellipsis ; overflow:hidden;}
.sy_r_k{ margin-top:20px;}
.sy_r_p{ margin:20px auto; font-family:"新宋体"; color:#666; line-height:23px;}
.saosao{ width:150px; text-align:center; margin-top:20px; line-height:30px;}
.foot_bg{ font-family:"宋体"; background:#e6e6e6; padding:20px 0;}
.search_box2{ margin-top:8px; overflow:hidden;zoom:1; background:#c3c3c3;width:226px;height:20px; border:1px solid #a5a5a5;font-size:12px; border-radius:20px;}
.search_txt2{color:#fff; background:#c3c3c3;float: right;  width: 190px; height: 20px;line-height: 20px;border:0px; border-radius:20px;}
.search_btn2{cursor:pointer; float:  left;background:#c3c3c3 url(../skin/search_btn.png) no-repeat  center;height:20px;width:35px; border:0;color:#fff; border-radius:20px;}
/*内页*/
.in_all{overflow:hidden; background:#FFF; padding:18px;}
.address_all{ overflow:hidden; zoom:1; margin-bottom:5px;}

.address{z-index:9; color:#000; height:27px;text-align:left;font-family:"新宋体";margin-top:7px;font-size:12px;line-height:27px; float:right;}
.address a{color:#000;line-height:27px;padding:2px 0px;}
.address .this_page{color:#0080ae;line-height:27px;padding:2px 0px;}

.n_left{ font-family: 黑体; margin-top:20px;width:270px; border-right:#e5e5e5 solid 1px; background: url(../skin/n_left_bg.png) repeat-y right;float:left; min-height:590px;}

.n_left ul { margin-top:10px;overflow:hidden;margin-bottom:30px; margin-right:20px;}
.n_left ul li{ border-bottom:1px  dashed #cacaca;}
.n_left ul li .link{display:block;line-height:50px;padding-left:10px;font-size:16px;color:#003548; font-weight:bold;}

.n_left.chan ul{ font-family: Arial;}
.n_left ul ul{margin:0px 20px; margin-bottom:20px;}
.n_left ul ul li{height:auto ; width:auto; border:0px;}
.n_left ul ul li a{ font-weight:bold; display:block;background:none;padding-left:10px; color:#777; line-height:30px;}
.n_left ul ul li a:hover,.n_left ul ul li a.hover{color:#0081ab; background: url(../skin/arrow4.png)  no-repeat right center;}
.saosao img{ width:145px; height:145px;}

.n_right{overflow:hidden;width:702px;padding-left:20px;float:right;min-height:600px;}
.n_right p{line-height:30px;color: #000; font-family:"宋体";}
.news ul{ margin:20px auto; font-family:"新宋体";}
.news ul li{ line-height:45px; overflow:hidden;zoom:1;}
.news ul li a{ float: left; padding-left:5px; background:url(../skin/arrow.png) no-repeat 0px  center; color:#4a4a4a;}
.news ul li span{ float:right; color:#4a4a4a;}
.news ul li a:hover,.news ul li a.hover{ background:url(../skin/arrow_h.png) no-repeat 0px center; color:#0080aa;}
.page{ text-align:center; padding:30px 0px; line-height:16px;}
.page a, .page span, .page input{ display:inline-block; vertical-align:middle;}
.page a{ border:1px solid #BBBBBB; padding:0px 8px; color:#000; margin:0px 3px; background:#FFF;}
.page span{ margin:0px 3px; color:#000;}
.page_txt{ width:30px; text-align:center; height:16px; border:1px solid #BBBBBB;}
.page_btn{ width:38px; height:18px; cursor:pointer; border:none; background:url(../skin/page_input.gif) no-repeat;}
.page a.prew{ background:#FFF url(../skin/prew.png) no-repeat 5px center !important; padding-left:15px; color:#000 !important;}
.page a.next{ background:#FFF url(../skin/next.png) no-repeat 50px center !important; padding-right:15px; color:#000 !important;}
.page a:hover,.page a.click{ background-color:#0080ae; color:#FFF;}

.product ul{ overflow:hidden; zoom:1;}
.product ul li{ margin-top:30px; background:url(../skin/product_img.png); width:338px; height:133px; overflow:hidden; zoom:1; float: left; margin-right:20px;}
.product ul li.odd{ margin-right:0px;}
.product ul li img{ float:left; padding: 9px 7px;
height: 116px;
width: 102px;}
.product ul li h2{ float:left; padding:33px 0px;  width:170px; color:#ff7800; font-size:18px;}
.product ul li h2 a{ color:#ff7800;font-family: Arial;}
.pro_s{ margin-top:30px;}
.pro_r{ width:439px;}
.pro_l{ width:231px;}
.pro_l img{ width:231px; height:257px;}
.pro_r h3{ font-size:25px; font-family:Arial, Helvetica, sans-serif; color:#6f6f6f; line-height:26px;}
.pro_r p{ color:#363636; font-family:Arial, Helvetica, sans-serif; line-height:20px; margin-top:20px;}
.pro_nav h3{ font-size:25px; font-family:Arial, Helvetica, sans-serif; color:#6f6f6f; line-height:26px;}
.pro_nav p{ color:#363636; font-family:Arial, Helvetica, sans-serif; line-height:20px; margin-top:20px;}
.pro_nav{ display:none; background:url(../skin/pro_nav.png) repeat-x bottom; border:1px solid #dadada; border-radius:0 10px 10px 10px; padding:30px;}
.pro_p{ margin-top:20px;}
.pro_li{ width:523px;}
.pro_li ul{ border:1px  solid #dadada; border-radius:10px 10px 0px 0px;}
.pro_li ul li { float:left; width:173px; border-right:1px solid #dadada; line-height:48px; background:url(../skin/pro_li_bg.png); text-align:center; color:#008ec1; font-family:Arial, Helvetica, sans-serif;}
.pro_li ul li:hover ,.pro_li ul li.hover { float:left; width:173px; border-right:1px solid #dadada; line-height:48px; background:url(../skin/pro_li_bg_h.png); text-align:center; color:#fff; font-family:Arial, Helvetica, sans-serif;}
/*foot*/
.foot1{ margin:0 auto;padding:30px 50px; height:101px; width:226px;  color:#666;}
.foot2{padding:30px 15px; height:101px; float:left; background:url(../skin/foot_bg.png) right no-repeat;}
.foot2 dl{ float:left;}
.foot2 dl a{ padding:0px 20px; color:#666;}
.foot2 dt a{ font-size:14px; color:#666; font-weight:bold;}
.foot2 dt { font-size:14px; color:#666; font-weight:bold; margin-bottom:10px;}
.foot{ margin-bottom:100px;}
.foot3{ padding:5px 0px; padding-left:39px; float:left;}
.foot3 h6{ font-size:14px; font-weight:bold; color:#666; margin-bottom:10px;}
.foot3 h6 a{color:#666;}
.foot3_l{ width:140px; margin-top:25px;}
.foot3_r{ text-align:center; color:#666; line-height:30px; width:130px;}
.foot3_r img{ width:110px; height:110px;}
.chuxian1{display: none;}
.chuxian2{display: none;}


.servicetabcon{ margin-top:20px; float:left; width: 640px; height: 60px; position: relative; overflow:hidden;}
.scroll_div2 { width:640px;height:60px; overflow: hidden; float:left;  }
.longpic2{  width:8000%;}
.caseslidecon2{ float:left;  height:60px; overflow:hidden;}
.caseslidecon2 li{ float:left; margin-right:9px;text-align:center;}
.caseslidecon2 li img{width: 100px; height: 50px; border: 1px solid transparent; }



.index_show_m{ width: 954px; height: 328px; position: relative; overflow:hidden;}

.index_show_m li{ float: left; margin-right: 3px; width: 236px;}
.index_show_m li img{ width: 234px; height: 326px; border: 1px solid transparent;}
.index_show_m li:hover img{ border-color: #31ADE2;}
